import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import '@/styles/index.scss'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

Vue.config.productionTip = false

// 添加一个全局路由守卫（路由拦截器）
router.beforeEach((to, from, next) => {
  // next 是一个函数，表示下一步要处理的路由，可能不需要传参，可能需要传参。不传参就表示直接进入你要访问的路由，如果传参了，就表示跳转到你指定的参数的路由去 注意next()必须调用
  // console.log('调用了路由守卫')
  // 如果用户登录了，任意一个路由规则都可以访问。就是直接调用next()。一路绿灯
  // 如果用户未登录
  // 1. 如果访问的是除了login页面以外的页面，跳转到login页面
  // 2. 如果访问的是login，就直接让它访问，直接调用next()
  let mytoken = localStorage.getItem('mytoken')
  if (mytoken) {
    next()
  } else {
    // 没有登录，但在除了login页面以外的页面
    // if (to.name !== 'login') {
    //   next('/login')
    // } else {
    //   next()
    // }
    to.name !== 'login' ? next('/login') : next()
  }
})
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
